@charset "utf-8";
html{overflow:hidden}
body{height:1413px;overflow:hidden;font-size:12px;font-family: "微软雅黑","黑体",tahoma,helvetica,arial,'bitstream vera sans',sans-serif;max-width:640px;margin:0 auto;}
.w640{width:640px;}
.z2{z-index:2;}
.c_ffba1b{color:#ffba1b}
.index-bg{z-index:1;left:0;top:0;}
.index-logo{width:122px;height:121px;background:url(../img/logo.jpg);left:67px;top:0px;z-index:999;}

.index-music-left{background: url(../img/music-icons1.png);width: 14px;height:38px;z-index:2;left:94px;top:330px;animation: note-anim 2s 0.5s infinite ease;
  animation-fill-mode: forwards;
  -webkit-animation: note-anim 2s 0.5s infinite ease;
  -webkit-animation-fill-mode: forwards;}
.index-music-right{background: url(../img/music-icons2.png);width: 14px;height:38px;z-index:2;right:40px;top:350px;
  animation: note-anim 2s 1.3s infinite ease;
  animation-fill-mode: forwards;
  -webkit-animation: note-anim 2s 1.3s infinite ease;
  -webkit-animation-fill-mode: forwards;}





.index-about{right:30px;top:30px;}
.index-about a{width:100px;height:34px;border:1px solid #fff;line-height:34px;}

.index-add{left:120px;top:730px;width:394px;}
.index-add a{width:74px;height:32px;line-height:32px;}
.index-add a.jl{border:1px solid #dc4a44;color:#dc4a44}
.index-add a.ny{border:1px solid #f0ad14;color:#f0ad14}
.index-add a.wf{border:1px solid #3c9e63;color:#3c9e63}
.index-add a.hl{border:1px solid #008cd7;color:#008cd7}
.index-add a.jl.hover{color:#fff;background:#dc4a44}
.index-add a.ny.hover{color:#fff;background:#f0ad14}
.index-add a.wf.hover{color:#fff;background:#3c9e63}
.index-add a.hl.hover{color:#fff;background:#008cd7}

.index-data{left:60px;top:900px;width:530px}
.index-data dl{height:30px;line-height:30px;}
.index-data dd{width:370px;height:28px;}
.index-data dd em{width:60%;display:block;height:100%;position:absolute;left:0;top:0;}
.index-data dd span{position:absolute;z-index:9;left:395px;top:0;}
.index-data dd div{z-index:10;background:url(../img/music.png);width:26px;height:28px;left:7px;top:-6px}
.index-data dd p{z-index:11;left:50%;}
.index-data dd.jl{border:1px solid #dc4a44;color:#ef4f49}
.index-data dd.ny{border:1px solid #f0ad14;color:#fbc853}
.index-data dd.wf{border:1px solid #3c9e63;color:#3faa6b}
.index-data dd.hl{border:1px solid #008cd7;color:#00b6fa}

.index-data dd.jl em{background:#dc4a44}
.index-data dd.ny em{background:#f0ad14}
.index-data dd.wf em{background:#3c9e63}
.index-data dd.hl em{background:#008cd7}

.index-data-get{width:200px;height:60px;background:#f0ad14;line-height:60px;}
.index-data-get.disable{background:#ccc}

.index-aboutinfo,.index-reward,.index-login{left:0;top:0px;z-index:9;}
.index-aboutinfo a.back,.index-reward a.back,.index-login a.back{right:30px;top:30px;width:100px;height:34px;border:1px solid #fff;line-height:34px;z-index:5;}
.index-aboutinfo .pop-title,.index-reward .pop-title{background:url(../img/line1.png) no-repeat 21px center;font-size:34px;margin-top:275px;}

.index-login{left:auto}
.index-login .pop-title{background:url(../img/line3.png) no-repeat 30px center;font-size:32px;margin-top:275px;}
.index-login input{width:360px;height:36px;background:#f7f9fa;border:1px solid #d2e4f0;line-height:36px;text-indent:0.5em;}
.index-login-get{width:180px;height:50px;background:#f0ad14;line-height:50px;}

.index-get-infos{width:560px;}
.slotMachine { width: 172px; height: 172px; overflow: hidden; display: inline-block; text-align: center; border: 5px solid #000; background-color: #ffffff; }
.slotMachine .slot { width: 172px; height: 172px; }
.slot1 { background-image: url(../img/reward1.jpg); }
.slot2 { background-image: url(../img/reward2.jpg); }
.slot3 { background-image: url(../img/reward3.jpg);  }
.get-number{left:195px;top:16px;}

.index-images{width: 409px;left: 119px;top: 627px;height:86px;}
.index-images a{width:86px;height:86px;}












@keyframes note-anim
{
0% {
  opacity: 0;
  -webkit-transform: translate(0px,50px);
  transform: translate(0px,50px);
}
30% {
  -webkit-transform:rotate(12deg) translate(-30px,0px);
  transform:rotate(12deg) translate(-30px,0px);
}
45% {
  opacity: 1;
}  
60% {
  -webkit-transform:rotate(-12deg) translate(30px,-100px);
  transform:rotate(-12deg) translate(30px,-100px);
}
100% {
  opacity: 0;
  -webkit-transform:rotate(0deg) translate(0px,-200px);
  transform:rotate(0deg) translate(0px,-200px);
}
}

@-webkit-keyframes note-anim /* Safari and Chrome */
{
0% {
  opacity: 0;
  -webkit-transform: translate(0px,50px);
  transform: translate(0px,50px);
}
30% {
  -webkit-transform:rotate(12deg) translate(-30px,0px);
  transform:rotate(12deg) translate(-30px,0px);
}
45% {
  opacity: 1;
}  
60% {
  -webkit-transform:rotate(-12deg) translate(30px,-100px);
  transform:rotate(-12deg) translate(30px,-100px);
}
100% {
  opacity: 0;
  -webkit-transform:rotate(0deg) translate(0px,-200px);
  transform:rotate(0deg) translate(0px,-200px);
}
}
